<html>
    <head>
        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
        <link rel="stylesheet" href="https://rawgit.com/Leaflet/Leaflet.markercluster/v1.0.2/dist/MarkerCluster.css" />
        <link rel="stylesheet" href="https://rawgit.com/Leaflet/Leaflet.markercluster/v1.0.2/dist/MarkerCluster.Default.css" />
        <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
        <script src="https://rawgit.com/Leaflet/Leaflet.markercluster/v1.0.2/dist/leaflet.markercluster.js"></script>
        <script src="../src/L.Deflate.js"></script>
        <style>
            #map {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
            }
        </style>
    </head>

    <div id="map"></div>

    <script src="hamburch.js"></script>
    <script>
    window.onload = function () {
        var map = L.map("map").setView([53.550099, 9.998931], 11);
        L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
            attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
        }).addTo(map);

        var features = L.deflate({minSize: 20, markerCluster: true}).addTo(map);
        var l = L.geoJson(hamburch);
        features.addLayer(l);
    }
    </script>
</html>
